﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="frmRelatorioCaixa.aspx.cs" Inherits="WebMotel.frmRelatorioCaixa" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
  <script type="text/javascript">


      function load() {
          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
      }

      function EndRequestHandler() {
          mask();
      }

      function mask() {
          $('#<%=txtPesquisar_DtInicial.ClientID %>').setMask('date');
          $('#<%=txtPesquisar_DtFinal.ClientID %>').setMask('date');
          
      }
      $(document).ready(mask);

  
</script>

<style type="text/css">
      
      .div_legendaFlutuante
      {
            margin: 0;
            display:block;
            position:fixed;
            width:140px;
            height:130px;
            bottom: 0px;
            right:0px;
            color:#A1A1A1;
            z-index:100;
            background-color:transparent;
            text-align:right;
            font-weight:normal;
            /*border:1px solid #a1a1a1;*/
      }
        .modal
        {
            width: 100%;
            height: auto;
            float:left;
            top: 0;
            margin: 0;
            left: 0;
            margin-top:0px;
            display: none;
            z-index: 999;
            background: rgba(0,0,0,0.5);
            -webkit-animation-duration: 1s;
            -webkit-animation-name: fade;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-direction: normal;
            visibility:inherit;  
        }
                
         .modal_inside
        {
            float:left;
            margin:10% 0px 0px 20%;            
            padding:0px 5px 5px 5px;
            
            
            width:60%;
            height:auto;
            
            background-color:#FFFFFF;
            -moz-border-radius:5px;
            webkit-border-radius:5px;
            border-radius: 5px;
            
            
            border:1px solid #CCCCCC;
            
            -moz-box-shadow:    0px 1px 3px 1px #1b1b1b;
            -webkit-box-shadow: 0px 1px 3px 1px #1b1b1b;
            box-shadow:         0px 1px 3px 1px #1b1b1b;
  
            <strong>behavior:url(border-radius.htc);</strong>
            
            
            
        }
        
        .modal a
        {
            display: block;
            vertical-align: middle;
            text-align: center;    
        }
        
        .modal img
        {
            padding: 5px 5px 45px 5px;
            background: #ffffff;
            -webkit-box-shadow: 0px 0px 15px #444;
            -moz-box-shadow: 0px 0px 15px #444;
            -webkit-animation-duration: 0.50s;
            -webkit-animation-name: grow;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-direction: normal;
            -webkit-animation-timing-function: ease-in;
        }
        
        .hfCampoConfirmacao
        {
            color:White;    
        }
        
        .modal:target
        {
            display: table;
            height:100%;
        }
        
        #div_modal_conteudo
        {
            margin-top:155px;
            background-color: White;
            height:200px;
            width:400px;
            border: 3px solid #660000;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -webkit-box-shadow:0px 5px 5px #555;
            -moz-box-shadow:0px 5px 5px #555;
        }
        
        #botao_fechar_modal
        {
            text-align:center;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">


    <div runat="server" id="divMensagem" class="mensagem">
            <p runat="server" id="pMensagem"></p>
    </div>


    <div id="page-content" class="clearfix">
        <div class="page-header position-relative">
            <h1>
                Relatórios de Caixa (Movimentos)
                <small>
                <i class="icon-double-angle-right"></i>
                    Utilize esta página para gerar relatórios
                </small>
            </h1>
        </div>


        <div class="tabbable">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active" id="li_pesquisar">
                    <a href="#div_pesquisar" data-toggle="tab">
                    <i class="green icon-signal bigger-110"></i>
                        Relatório
                    </a>
                </li>
                <li class=""  id="li_editar" style="visibility:hidden;">
                    <a href="#div_editar" data-toggle="tab">
                    <i class="green icon-edit bigger-110"></i>
                        Editar
                    </a>
                </li>
                 <li class="" id="li_cadastrar" style="visibility:hidden;">
                    <a href="#div_cadastrar" data-toggle="tab">
                    <i class="green icon-save bigger-110"></i>
                        Novo
                    </a>
                </li>
            </ul>
            <div class="tab-content">

    <div id="div_pesquisar" class="tab-pane active" >           

        <div class="row-fluid">
            
            <h3 class="header smaller lighter grey">
            <i class="icon-search green"></i>
            Pesquisar
            </h3>

         
            <div style="float:left; width:100%; height:auto;">
                <div style="float:left; height:auto; margin-right:10px;">
                    <label class="control-label" for="txtPesquisar_ID">ID Caixa:</label>
                    <asp:TextBox ID="txtPesquisar_ID" class="ace-tooltip" runat="server" Width="60px" />
                </div>

                <div style="float:left; height:auto; margin-right:10px;">
                    <label for="id-date-picker-1">Dt. Inicial:</label>
                    <div class="input-prepend">
                        <span class="add-on">
                            <i class="icon-calendar"></i>
                        </span>
                        <asp:TextBox ID="txtPesquisar_DtInicial" class="ace-tooltip" runat="server" Width="100px" />
                        <asp:CalendarExtender ID="CE_txtPesquisar_DtInicial" runat="server" TargetControlID="txtPesquisar_DtInicial" Format="dd/MM/yyyy"> </asp:CalendarExtender>
                    </div>
                </div>
                <div style="float:left; height:auto; margin-right:10px;">
                    <label for="id-date-picker-1">Dt. Final:</label>
                    <div class="input-prepend">
                        <span class="add-on">
                            <i class="icon-calendar"></i>
                        </span>
                        <asp:TextBox ID="txtPesquisar_DtFinal" class="ace-tooltip" runat="server" Width="100px" />
                        <asp:CalendarExtender ID="CE_txtPesquisar_DtFinal" runat="server" TargetControlID="txtPesquisar_DtFinal" Format="dd/MM/yyyy"> </asp:CalendarExtender>
                    </div>
                </div>
                <div style="float:left; height:auto; margin-right:10px;">
                    <label class="control-label" for="ddlPesquisar_FormaPagamento">Forma Pagamento:</label>
                     <asp:dropdownlist runat="server" ID="ddlPesquisar_FormaPagamento">
                     </asp:dropdownlist>
                </div>
                <div style="float:left; height:auto; margin-right:10px;">
                    <label class="control-label" for="ddlPesquisar_usuario">Usuário:</label>
                     <asp:dropdownlist runat="server" ID="ddlPesquisar_usuario">
                     </asp:dropdownlist>
                </div>
                <div style="float:left; height:auto; margin-right:10px;">
                    <label class="control-label" for="txtPesquisar_Descricao">.</label>
                    <asp:LinkButton ID="btnPesquisar" runat="server" CssClass="btn btn-purple btn-small" OnClick="btnPesquisar_OnClick" >
                        <i class="icon-search icon-on-right bigger-110"></i>
                        Pesquisar
                    </asp:LinkButton>
                </div>
            </div>
        </div>


        <br clear="all" />
        <div class="row-fluid">
           <div class="widget-header">
            
                <h4>Resultado(s) para "Movimentos"</h4>
           
                <span class="widget-toolbar">
                    <asp:LinkButton class="" runat="server" ID="btnPrint" ToolTip="Imprimir este relatório" OnClick="btnPrint_onClick" >
                        <i class="icon-print bigger-150"></i>
                    </asp:LinkButton>
                </span>
            
            </div>
            
                <div id="table_report_wrapper" class="dataTables_wrapper" role="grid">
                    <asp:Repeater ID="rptListagem" runat="server" >
                        <HeaderTemplate>
                             <table class="table table-striped table-bordered table-hover dataTable" id="table_report" aria-describedby="table_report_info">
								<thead>
									<tr role="row">
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 8%;" aria-label="Domain: activate to sort column ascending">
                                            ID
                                        </th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 8%;" aria-label="Domain: activate to sort column ascending">
                                            ID Caixa
                                        </th>
                                        <th class="sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 12%;" aria-label="Domain: activate to sort column ascending">
                                            Nº Comanda
                                        </th>
                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 20%;" aria-label="Status: activate to sort column ascending">
                                            Data e Hora
                                        </th>

                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 20%;" aria-label="Status: activate to sort column ascending">
                                           Forma Pagamento
                                        </th>
                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 14%;" aria-label="Status: activate to sort column ascending">
                                           Valor Recebido
                                        </th>
                                        <th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="table_report" rowspan="1" colspan="1" style="width: 14%;" aria-label="Status: activate to sort column ascending">
                                          Saldo
                                        </th>
                                    </tr>
                               	</thead>								
							<tbody role="alert" aria-live="polite" aria-relevant="all">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr class='<%# Container.ItemIndex % 2 == 0 ? "odd" : "even" %>'>
							    <td class="">
								    <%# Eval("ID") %>
							    </td>
                                <td class="">
								    <%# Eval("caixaID")%>
							    </td>
                                <td class="">
								    <%# Eval("comandaID")%>
							    </td>
                                <td class="">
								    <%# Eval("dthora") %>
							    </td>
                                <td class="">
								    <%# Eval("formaPagamento")%>
							    </td>
                                 <td class="">
								    <%# Eval("vlrRecebido")%>
							    </td>
                                 <td class="">
								    <%# Eval("vlrRecebidoAteAgora")%>
							    </td>
                            </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                                </tbody>
                            </table>

                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="dataTables_paginate paging_bootstrap pagination">
                                        <ul>
                                            <li class="prev">
                                              <asp:LinkButton ID="lnkAnterior" runat="server" OnClick="lnkAnterior_Click">
                                                    <i class="icon-double-angle-left"></i>
                                                </a>
                                            </asp:LinkButton>
                                             <li class="next">
                                                <asp:LinkButton ID="lnkProximo" runat="server" OnClick="lnkProximo_Click">
                                                    <i class="icon-double-angle-right"></i>
                                                </asp:LinkButton>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </FooterTemplate>
                    </asp:Repeater>
 

                </div>
        </div>

    </div>
    


                <!-- FORM EDITAR -->
                <div id="div_editar" class="tab-pane ">
                   <h3 class="header smaller lighter purple"> <i class="icon-edit purple"></i> Editar</h3>

                </div>



                <!-- FORM NOVO -->
                <div id="div_cadastrar" class="tab-pane " >
                   <h3 class="header smaller lighter purple"> <i class="icon-save purple"></i> Novo</h3>

                </div>

                </div>
            </div>
        </div>
  

   
</asp:Content>
